﻿<phone:PhoneApplicationPage 
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
	xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
	xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:Custom="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" xmlns:local="clr-namespace:WindowsPhone7UXGuide"
	xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
	mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
	x:Class="WindowsPhone7UXGuide.list_view"
	SupportedOrientations="PortraitOrLandscape" Orientation="Portrait"
	shell:SystemTray.IsVisible="True">
	<phone:PhoneApplicationPage.Resources>
		<DataTemplate x:Key="SingleLineListTemplate">
			<TextBlock Text="{Binding Line1}" HorizontalAlignment="Left" VerticalAlignment="Top" FontFamily="{StaticResource PhoneFontFamilyLight}" FontSize="{StaticResource PhoneFontSizeExtraLarge}" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" LineStackingStrategy="BlockLineHeight" LineHeight="43" Margin="12,27,0,24"/>
		</DataTemplate>
		<DataTemplate x:Key="SingleLineListLargeTemplate">
			<StackPanel Margin="25,12,0,16">
				<TextBlock Text="{Binding Line1}" HorizontalAlignment="Left" VerticalAlignment="Top" FontFamily="{StaticResource PhoneFontFamilyLight}" FontSize="{StaticResource PhoneFontSizeLarge}" Foreground="{StaticResource PhoneForegroundBrush}" LineStackingStrategy="BlockLineHeight" LineHeight="43"/>
			</StackPanel>
		</DataTemplate>
		<DataTemplate x:Key="SingleLineListSmallIconTemplate">
			<StackPanel Orientation="Horizontal" Margin="12,19,0,33">
				<Grid Height="43" Width="43" Margin="0,-2,0,-1">
					<Path Data="M31.0176,15.9839C31.0176,24.2669,24.2986,30.9829,16.0176,30.9829C7.7306,30.9829,1.0176,24.2669,1.0176,15.9839C1.0176,7.6989,7.7306,0.981899999999998,16.0176,0.981899999999998C24.2986,0.981899999999998,31.0176,7.6989,31.0176,15.9839z" StrokeStartLineCap="Flat" Stretch="Fill" StrokeEndLineCap="Flat" Stroke="{StaticResource PhoneForegroundBrush}" StrokeMiterLimit="4" StrokeLineJoin="Miter" UseLayoutRounding="False" StrokeThickness="2.035"/>
					<Path Data="M13.22927,12.657326 L16.000126,12.657326 L16.000126,21.053223 L24.416857,21.053223 L24.416857,23.844913 L16.000126,23.844913 L16.000126,32.24081 L13.22927,32.24081 L13.22927,23.844913 L4.8333712,23.844913 L4.8333712,21.053223 L13.22927,21.053223 z" RenderTransformOrigin="0.5,0.5" Stretch="Fill" UseLayoutRounding="False" Width="19" Height="19" Fill="{StaticResource PhoneForegroundBrush}">
						<Path.RenderTransform>
							<TransformGroup>
								<ScaleTransform/>
								<SkewTransform/>
								<RotateTransform/>
								<TranslateTransform/>
							</TransformGroup>
						</Path.RenderTransform>
					</Path>
				</Grid>
				<TextBlock Text="{Binding Line1}" HorizontalAlignment="Left" VerticalAlignment="Top" FontFamily="{StaticResource PhoneFontFamilyLight}" FontSize="{StaticResource PhoneFontSizeExtraLarge}" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" LineStackingStrategy="BlockLineHeight" LineHeight="43" Margin="17,0,0,0"/>
			</StackPanel>
		</DataTemplate>
		<DataTemplate x:Name="DoubleLineListTemplate">
			<StackPanel Margin="12,8,0,2">
				<TextBlock Text="{Binding Line1}" HorizontalAlignment="Left" VerticalAlignment="Top" Padding="0,3,0,0" FontFamily="{StaticResource PhoneFontFamilyLight}" FontSize="{StaticResource PhoneFontSizeExtraLarge}" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" LineStackingStrategy="BlockLineHeight" LineHeight="43" />
				<TextBlock Text="{Binding Line2}" Opacity="0.65" HorizontalAlignment="Left" FontSize="{StaticResource PhoneFontSizeSmall}" TextWrapping="Wrap" VerticalAlignment="Top" Foreground="{StaticResource PhoneForegroundBrush}" FontFamily="{StaticResource PhoneFontFamilyNormal}" Margin="0,0,0,13"/>
			</StackPanel>
		</DataTemplate>
		<DataTemplate x:Key="DoubleLineLargeGridListTemplate">
			<Grid Height="173" Margin="12,0,12,12">
				<Rectangle Width="173" HorizontalAlignment="Left" Fill="{StaticResource PhoneInactiveBrush}"/>
				<StackPanel Margin="187,-4,0,0" VerticalAlignment="Top" >
					<TextBlock Text="{Binding Line1}" Padding="0,3,0,0" FontFamily="{StaticResource PhoneFontFamilyLight}" FontSize="{StaticResource PhoneFontSizeExtraLarge}" Foreground="{StaticResource PhoneForegroundBrush}" TextWrapping="Wrap" LineStackingStrategy="BlockLineHeight" LineHeight="43" Margin="0,0,0,5" />
					<TextBlock Text="{Binding Line2}" Opacity="0.65" FontSize="{StaticResource PhoneFontSizeSmall}" Foreground="{StaticResource PhoneForegroundBrush}" FontFamily="{StaticResource PhoneFontFamilyNormal}" HorizontalAlignment="Left" VerticalAlignment="Top"/>
				</StackPanel>
			</Grid>
		</DataTemplate>
		<DataTemplate x:Key="TripleLineListTemplate">
			<StackPanel Margin="12,10,0,0">
				<TextBlock Text="{Binding Line1}" HorizontalAlignment="Left" VerticalAlignment="Top" Padding="0,3,0,0" FontFamily="{StaticResource PhoneFontFamilyLight}" FontSize="{StaticResource PhoneFontSizeExtraLarge}" Foreground="{StaticResource PhoneForegroundBrush}" LineStackingStrategy="BlockLineHeight" LineHeight="43" Height="49" Margin="0,0,0,-3" />
				<TextBlock Text="{Binding Line2}" Opacity="0.65" HorizontalAlignment="Left" FontSize="{StaticResource PhoneFontSizeSmall}" VerticalAlignment="Top" Foreground="{StaticResource PhoneForegroundBrush}" FontFamily="{StaticResource PhoneFontFamilyNormal}" Margin="0"/>
				<TextBlock Text="{Binding Line3}" Opacity="0.65" HorizontalAlignment="Left" FontSize="{StaticResource PhoneFontSizeSmall}" VerticalAlignment="Top" Foreground="{StaticResource PhoneForegroundBrush}" FontFamily="{StaticResource PhoneFontFamilyNormal}" Margin="0,0,0,13"/>
			</StackPanel>
		</DataTemplate>
	</phone:PhoneApplicationPage.Resources>

	<phone:PhoneApplicationPage.FontFamily>
		<StaticResource ResourceKey="PhoneFontFamilyNormal"/>
	</phone:PhoneApplicationPage.FontFamily>
	<phone:PhoneApplicationPage.FontSize>
		<StaticResource ResourceKey="PhoneFontSizeNormal"/>
	</phone:PhoneApplicationPage.FontSize>
	<phone:PhoneApplicationPage.Foreground>
		<StaticResource ResourceKey="PhoneForegroundBrush"/>
	</phone:PhoneApplicationPage.Foreground>

	<!--LayoutRoot is the root grid where all page content is placed-->
	<Grid x:Name="LayoutRoot" Background="Transparent">
		<Custom:Interaction.Triggers>
			<Custom:EventTrigger EventName="Loaded">
				<local:SetPivotIndexAction TargetName="pivot"/>
			</Custom:EventTrigger>
		</Custom:Interaction.Triggers>
		<!--Pivot Control-->
		<controls:Pivot x:Name="pivot" Title="LIST VIEW">
			<!--Pivot item one-->
			<controls:PivotItem x:Name="list_view_single_line" Header="single line">
				<Grid>
					<Grid.RowDefinitions>
						<RowDefinition/>
					</Grid.RowDefinitions>
					<ListBox Margin="0,-19,0,0">
						<ListBoxItem ContentTemplate="{StaticResource SingleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
							<local:MultiLineItem Line1="Text example"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource SingleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
							<local:MultiLineItem Line1="Text example showing a wrapping behavior"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource SingleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
							<local:MultiLineItem Line1="Text example showing"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource SingleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
							<local:MultiLineItem Line1="Text example"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource SingleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
							<local:MultiLineItem Line1="Text example showing a wrapping behavior"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource SingleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
							<local:MultiLineItem Line1="Text example showing"/>
						</ListBoxItem>
					</ListBox>
				</Grid>
			</controls:PivotItem>
			<controls:PivotItem x:Name="list_view_double_line" Header="double line">
				<Grid>
					<ListBox Margin="0,-3,0,0">
						<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
							<local:MultiLineItem Line1="Text example" Line2="Subtext does not wrap"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
							<local:MultiLineItem Line1="Text example showing a wrapping behavior" Line2="Subtext does not wrap"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
							<local:MultiLineItem Line1="Text example" Line2="Subtext does not wrap"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
							<local:MultiLineItem Line1="Text example showing" Line2="Subtext does not wrap"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
							<local:MultiLineItem Line1="Text example" Line2="Subtext does not wrap"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
							<local:MultiLineItem Line1="Text example showing a wrapping behavior" Line2="Subtext does not wrap"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource DoubleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
							<local:MultiLineItem Line1="Text example" Line2="Subtext does not wrap"/>
						</ListBoxItem>
					</ListBox>
				</Grid>
			</controls:PivotItem>
			<controls:PivotItem x:Name="list_view_triple_line" Header="triple line" Margin="12,28,0,0">
				<Grid>
					<ListBox Margin="0,-5,0,0">
						<ListBoxItem ContentTemplate="{StaticResource TripleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
							<local:MultiLineItem Line1="Text example showing" Line2="Lorem ipsum dolor sit amet, consctetur" Line3="Ut enim ad minim veniam, quis nostrud exercitation"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource TripleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
							<local:MultiLineItem Line1="Text example showing bleed" Line2="Lorem ipsum dolor sit amet, consctetur" Line3="Ut enim ad minim veniam, quis nostrud exercitation"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource TripleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
							<local:MultiLineItem Line1="Text example" Line2="Lorem ipsum dolor sit amet, consctetur" Line3="Ut enim ad minim veniam, quis nostrud exercitation"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource TripleLineListTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,4">
							<local:MultiLineItem Line1="Text example showing bleed" Line2="Lorem ipsum dolor sit amet, consctetur" Line3="Ut enim ad minim veniam, quis nostrud exercitation"/>
						</ListBoxItem>
					</ListBox>
				</Grid>
			</controls:PivotItem>
			<controls:PivotItem x:Name="list_view_small_text" Header="small text" Margin="0,0,0,-2">
				<Grid>
					<ListBox Margin="0,5,0,0">
						<ListBoxItem ContentTemplate="{StaticResource SingleLineListLargeTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
							<local:MultiLineItem Line1="Text example"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource SingleLineListLargeTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
							<local:MultiLineItem Line1="Text example showing"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource SingleLineListLargeTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
							<local:MultiLineItem Line1="Text example showing text bleeding"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource SingleLineListLargeTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
							<local:MultiLineItem Line1="Text example"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource SingleLineListLargeTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
							<local:MultiLineItem Line1="Text example showing text bleeding"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource SingleLineListLargeTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
							<local:MultiLineItem Line1="Text example showing"/>
						</ListBoxItem>
					</ListBox>
				</Grid>
			</controls:PivotItem>
			<controls:PivotItem x:Name="list_view_small_icon" Header="small icon" Margin="12,28,0,0">
				<Grid>
					<ListBox Margin="0,-17,0,0" BorderThickness="0">
						<ListBoxItem ContentTemplate="{StaticResource SingleLineListSmallIconTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
							<local:MultiLineItem Line1="Text example"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource SingleLineListSmallIconTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
							<local:MultiLineItem Line1="Text example with a bleed"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource SingleLineListSmallIconTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
							<local:MultiLineItem Line1="Text example"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource SingleLineListSmallIconTemplate}" HorizontalContentAlignment="Left" Margin="0,0,0,1">
							<local:MultiLineItem Line1="Text example with a bleed"/>
						</ListBoxItem>
					</ListBox>
				</Grid>
			</controls:PivotItem>
			<controls:PivotItem x:Name="list_view_large_icon" Header="large icon">
				<Grid Margin="0,0,-12,0">
					<ListBox Margin="0,19,-12,0">
						<ListBoxItem ContentTemplate="{StaticResource DoubleLineLargeGridListTemplate}" HorizontalContentAlignment="Left" Margin="0">
							<local:MultiLineItem Line1="Primary text will wrap" Line2="Subtext doesn't wrap"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource DoubleLineLargeGridListTemplate}" HorizontalContentAlignment="Left" Margin="0">
							<local:MultiLineItem Line1="Primary text" Line2="Subtext doesn't wrap. Subtext doesn't wrap"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource DoubleLineLargeGridListTemplate}" HorizontalContentAlignment="Left" Margin="0">
							<local:MultiLineItem Line1="Primary text will wrap" Line2="Subtext doesn't wrap. Subtext doesn't wrap"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource DoubleLineLargeGridListTemplate}" HorizontalContentAlignment="Left" Margin="0">
							<local:MultiLineItem Line1="Primary text will wrap" Line2="Subtext doesn't wrap"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource DoubleLineLargeGridListTemplate}" HorizontalContentAlignment="Left" Margin="0">
							<local:MultiLineItem Line1="Primary text" Line2="Subtext doesn't wrap. Subtext doesn't wrap"/>
						</ListBoxItem>
						<ListBoxItem ContentTemplate="{StaticResource DoubleLineLargeGridListTemplate}" HorizontalContentAlignment="Left" Margin="0">
							<local:MultiLineItem Line1="Primary text will wrap" Line2="Subtext doesn't wrap. Subtext doesn't wrap"/>
						</ListBoxItem>
					</ListBox>
				</Grid>
			</controls:PivotItem>
			<controls:PivotItem x:Name="list_view_large_grid" Header="large grid">
				<Grid>
					<ListBox>
						<ListBoxItem Margin="12,20,0,0">
							<toolkit:WrapPanel HorizontalAlignment="Left" VerticalAlignment="Top">
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12"  Width="210" Height="210"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="210" Height="210"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="210" Height="210"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="210" Height="210"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="210" Height="210"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="210" Height="210"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="210" Height="210"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="210" Height="210"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="210" Height="210"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="210" Height="210"/>
							</toolkit:WrapPanel>
						</ListBoxItem>
					</ListBox>
				</Grid>
			</controls:PivotItem>
			<controls:PivotItem x:Name="list_view_text_and_grid" Header="text and grid" Margin="12,28,12,0">
				<Grid>
					<ListBox>
						<ListBoxItem FontFamily="{StaticResource PhoneFontFamilyLight}" FontSize="{StaticResource PhoneFontSizeLarge}" Margin="12,9,0,18">
							<StackPanel Orientation="Vertical">
								<TextBlock Text="lorem ipsum" FontSize="{StaticResource PhoneFontSizeLarge}" FontFamily="{StaticResource PhoneFontFamilyLight}" LineHeight="43" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" VerticalAlignment="Top" Margin="0,0,0,31"/>
								<toolkit:WrapPanel HorizontalAlignment="Left" Margin="-1,0,0,0">
									<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
									<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
									<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
									<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
									<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
									<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
									<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
									<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
								</toolkit:WrapPanel>
							</StackPanel>
						</ListBoxItem>
						<ListBoxItem FontFamily="{StaticResource PhoneFontFamilyLight}" FontSize="{StaticResource PhoneFontSizeLarge}" Margin="12,9,0,18">
							<StackPanel Orientation="Vertical">
								<TextBlock Text="lorem ipsum" FontSize="{StaticResource PhoneFontSizeLarge}" FontFamily="{StaticResource PhoneFontFamilyLight}" LineHeight="43" LineStackingStrategy="BlockLineHeight" Foreground="{StaticResource PhoneForegroundBrush}" VerticalAlignment="Top" Margin="0,0,0,31"/>
								<toolkit:WrapPanel HorizontalAlignment="Left" Margin="-1,0,0,0">
									<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
									<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
									<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
									<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
									<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
									<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
									<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
									<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Width="99" Margin="0,0,12,12" Height="99"/>
								</toolkit:WrapPanel>
							</StackPanel>
						</ListBoxItem>
					</ListBox>
				</Grid>
			</controls:PivotItem>
			<controls:PivotItem x:Name="list_view_small_grid" Header="small grid">
				<Grid>
					<ListBox>
						<ListBoxItem Margin="12,20,0,0">
							<toolkit:WrapPanel HorizontalAlignment="Left" VerticalAlignment="Top">
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12"  Width="99" Height="99"/>
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
								<Rectangle Fill="{StaticResource PhoneInactiveBrush}" StrokeStartLineCap="Flat" StrokeEndLineCap="Flat" StrokeThickness="2.035" StrokeMiterLimit="4" StrokeLineJoin="Miter" Margin="0,0,12,12" Width="99" Height="99" />
							</toolkit:WrapPanel>
						</ListBoxItem>
					</ListBox>
				</Grid>
			</controls:PivotItem>

 			<!--Pivot item two-->
		</controls:Pivot>
	</Grid>
</phone:PhoneApplicationPage>